@charset "utf-8";

/* CSS Document */
#header {
	background: #f9f9f9 url(../img/headerbg.jpg) repeat-x;
	width: 100%;
	position: relative;
}

#menu {
	/*background:#eb4466 url(http://localhost/threme/default/img/headerbg.jpg) repeat-x top;*/
	width: 1096px;
	height: 46px;
	margin: 0 auto;
	padding: 26px 0 0;
}

#menuinner {
	margin: 0 auto;
	width: 685px;
	height: 25px;
}

.logo {
	position: absolute;
	top: 28px;
	left: 30px;
}

#menu ul {
	list-style: none;
	float: left;
}

#menu ul>li {
	float: left;
	text-align: center;
	margin: 0 45px;
}

#menu ul>li>a span {
	text-transform: capitalize;
	color: #ffced8;
	font-size: 18px;
	line-height: 18px;
}

#menu ul>li>a:hover {
	color: #ffffff;
	background: none;
}

.active {
	display: block;
}

.hidden {
	display: none;
}

#dropdownouter {
	position: absolute;
	top: 26px;
	right: 22px;
	width: 99px;
	height: 24px;
	padding-left: 5px;
}

#dropdowninner {
	margin: 0 auto;
	display: inline-block;
	padding: 5px 0;
}

#dropdownmenu {
	background: #F69;
	width: 90px;
	padding: 5px;
	display: none;
}

#dropdownmenu li {
	border-bottom: 1px dotted #C36;
	height: 20px;
}

#dropdowninner span,#dropdownmenu span {
	color: #fff;
	text-transform: capitalize;
	vertical-align: middle;
	display: inline-block;
	float: left;
	width: 56px;
	font-size: 12px;
	line-height: 12px;
}

#dropdowninner>img {
	float: right;
	display: inline-block;
	margin-top: 5px;
}

#dropdownmenu li img {
	margin-top: 3px;
}

#flags {
	width: 24px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 0 5px;
}

#sub-nav1,#sub-nav2,#sub-nav3,#sub-nav4,#pc,#og,#mac { /*width:1600px;
	padding:15px 0;*/
	height: 39px;
	background-color: #eaeaea;
	line-height: 39px;
	overflow: hidden;
	text-align: center;
}

.site-nav a {
	position: relative;
	width: 100px;
}

.site-nav_selected {
	background: url(../img/sj.png) no-repeat;
	position: absolute;
	top: 31px;
	left: 50%;
	z-index: 2;
	width: 14px;
	height: 8px;
}

.sub-site-nav a {
	border-radius: 5px;
	margin: 6px;
	padding: 5px 8px;
	font-size: 14px;
	color: #666666;
	text-transform: capitalize;
}

.fontgray {
	color: #979797;
}

.mvfont {
	font-family: "MV Boli";
}

#banner {
	height: 279px;
	width: 1096px;
	text-align: center;
	margin: 0px auto;
	padding: 20px 0;
}

.mtf15 {
	margin-top: -15px;
}

.ad {
	width: 336px;
	height: 280px;
	overflow: hidden;
}

#banner .hotgame {
	width: 734px;
	height: 280px;
	position: relative;
	margin-left: 25px;
}

.leftarr,.rightarr,.leftarr1,.rightarr1 {
	width: 15px;
	height: 44px;
	display: block;
	position: absolute;
	top: 140px;
	z-index: 1;
	cursor: pointer;
}

.leftarr,.leftarr1 {
	background: url(../img/arrowsleft.png) no-repeat;
	left: 0;
}

.rightarr,.rightarr1 {
	background: url(../img/arrowsright.png) no-repeat;
	right: 0;
}

.leftarr1,.rightarr1 {
	top: 85px;
}

.embed {
	position: relative;
	width: 335px;
	padding-left:10px;
	text-align: center;
	display: inline-block;
}

.hotgame h1,.followus span,.lists>div:first-child h1,#textandad p span {
	color: #eb4466;
	font-weight: bold;
	text-transform: capitalize;
	text-align: left;
	font-size: 18px;
	display: inline;
}

#textandad p span {
	font-size: 13px;
}

#banner .hotgame h1 {
	margin-left: -570px;
}

.hotgame .hotgamelist {
	width: 688px;
	height: 265px;
	padding: 0 22px;
}

.listitem {
	border: 2px solid #e5e5e5;
	border-radius: 10px;
	width: 158px;
	height: 118px;
	margin: 5px;
	overflow: hidden;
	background-color: #cdce8c;
	float: left;
	position: relative;
}
.listitem img{
    width:145px;
}

/* end header style */ /* footer style */
#footer {
	width: 100%;
	height: 400px;
	/*padding-top:25px;
	padding-bottom:25px;*/
	background-color: #333;
}

#friendlink_outer {
	height: 260px;
	width: 1096px;
	margin: 0 auto;
	padding-top: 33px;
}

.followus span {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	display: inline-block;
	margin: 10px 5px;
	float: left;
}

#footer #friendlink	.links {
	width: 1096px;
	height: 173px;
	border-top: 1px solid #444;
	margin-top: 25px;
	padding-top: 12px;
}

#footer #friendlink	.links .leftlink>li,.rightnews {
	width: 210px;
	height: 180px;
	padding: 10px;
	margin-right: 10px;
}

.rightnews {
	width: 290px;
}

.rightnews input {
	width: 251px;
	height: 31px;
	border-radius: 5px;
	padding-left: 10px;
	margin-top: 13px;
	background-color: #2b2b2b;
	border: none;
	color: #fff;
}

.rightnews .bginput {
	background: #fd3f66 url(../img/buttonsub.jpg) no-repeat;
	cursor: pointer;
	border: 1px solid #cc3352;
	margin-top: 7px;
	width: 260px;
}

#footer #friendlink	.links a,.rightnews li i,.rightnews li h3,#footer #friendlink .links h3
{
	color: #999999;
	font-size: 14px;
	text-transform: capitalize;
	padding: 5px 8px;
	border-radius: 3px;
}
#footer #friendlink .links a:hover{
	color: #fff;
}
.rightnews li i {
	font-size: 12px;
}

#footer #friendlink	.links a h3,.rightnews li h3 {
	color: #fff;
}

#footer #friendlink	.followus { /*font-size:20px;
	color:#fff;
	width:280px;
	height:60px;*/
	margin-top: -10px;
	margin-right: 5px;
}

.leftlink ul li,.rightnews li {
	padding: 5px 0;
}

#cpright_outer {
	background-color: #2b2b2b;
	width: 100%;
	height: 47px;
	padding: 33px 0 27px 0;
}

#cpright {
	width: 1096px;
	margin: 0 auto;
}

#cpright span,#cpright p,#cpright a {
	color: #595959;
	font-size: 14px;
	text-transform: capitalize;
}

#cpright a {
	color: #999;
}

#cpright li,#cpright span {
	float: left;
}
#cpright li span{
	margin: 4px 0 0;
}
#cpright span {
	margin: 4px 22px 0 0;
}

#cpright p {
	clear: both;
	line-height: 45px;
}

#cpright a {
	margin: 0 8px;
	line-height: 22px;
	padding: 5px 15px;
	border-radius: 3px;

}

/* end footer */
#container {
	width: 1096px;
	overflow: hidden;
	margin: 20px auto 0;
}

#crumbread {
    margin:10px auto;
    max-width:1096px;
}

.sub-nav_mark a.subnavactive,#crumbread a.subnav_home,#crumbread a:hover{
	background: #ed4567;
	color: #fff;
}
.topnav_li .site-nav img, .site-nav a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.outerlist{
	min-height:670px;
	padding-bottom: 50px;

}
#menu ul li.topnav_li a span,#menu ul li a:hover span{
	color:#fff;
}
.banner {
    position: relative;
    width: 100%;
    overflow: auto;

    font-size: 18px;
    line-height: 24px;
    text-align: center;

    color: rgba(255,255,255,.6);
    text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

    background: #5b4d3d;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.banner ul {
    list-style: none;
    width: 300%;
}
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    /*		-webkit-background-size: 100% 100%;*/
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    /*		background-size: 100% 100%;*/

    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}

.banner h1, .banner h2 {
    font-size: 40px;
    line-height: 52px;

    color: #fff;
}

.banner .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;

    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    border: 2px solid rgba(255,255,255,.4);
    border-radius: 5px;
}
.banner .btn:hover {
    background: rgba(255,255,255,.05);
}
.banner .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}
.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;

    text-indent: -999em;

    border: 2px solid #fff;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
.banner .dots li.active {
    background: #fff;
    opacity: 1;
}
#crumbread a {
	font-size: 14px;
	padding: 3px 8px;
	border-radius: 3px;
	margin: 0 5px ;
	color: #ed4567;
}
#crumbread a.subnav_on_click{
	color: #666;
}
#crumbread a.subnav_on_click:hover{
	background: none;
	cursor: not-allowed;
}
#banner .mtf15{
	margin-top: 15px;
}

#topad,#topad1 {
	width: 980px;
	overflow: hidden;
	margin: 0 auto 20px ;
}
.site-nav a img{
	padding-right: 5px;
	vertical-align: text-bottom;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.Home_center_970x90{
	width: 720px;
	margin: 0 auto;
}
#topad div,#topad1 div {
	overflow: hidden;
	height: 88px;
}
.listitemsmall img{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 5px;
}
.listitemsmall:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}
.listitemsmall:hover span{
	color:#000;
}
#topad1 {
	width: 790px;
	height: 90px;
}

#admid {
	clear: both;
	padding-top: 15px;
	padding-bottom: 5px;
}

#tags {
	background: #859ed4;
	border-radius: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	width: 160px;
	height: 469px;
	position: relative;
}

.hoticon {
	position: absolute;
	top: 0;
	left: 0;
}

.sidead {
	background: #f9f9f9;
	width: 160px;
	height: 600px;
	overflow: hidden;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out 0s;
}

.listitemsmall {
	width: 130px;
	height: 53px;
	border-radius: 5px;
	overflow: hidden;
	margin: 7px 15px 8px;
	position: relative;
}

.listitemsmall span {
	position: absolute;
	top: 23px;
	left: 11px;
	z-index: 2;
	font-weight: bolder;
	text-transform: capitalize;
}
#home_right_ad_box{
	margin: 5px 5px 9px -5px;

}

#hottags {
	background-color: #f8f8f8;
	border-radius: 15px;
	width: 907px;
	height: 155px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 15px/9;
	padding: 20px 10px 15px;
}

#hottags div div {
	border: 1px solid #f1f1f1;
	width: 117px;
	float: left;
	margin: 15px 10px 0 0;
}

.listitemsmaller {
	width: 78px;
	height: 78px;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	margin: 20px 13px 0 0;
	overflow: hidden;
	float: left;
}

#allgamelists {
	width: 936px;
	padding-left: 5px;
	overflow: hidden;
	position: relative;
}

#allgamelists .listitem {
	width: 142px;
	height: 125px;
}

.topsize {
	height: 250px;
	width: 300px;
}

.rightad {
	width: 300px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #f9f9f9;
	float: right;
	margin: 5px 5px 0 -5px;
}

#tags h1,.lists>h1 {
	text-transform: capitalize;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	color: #454545;
}

.lists {
	float: left;
	width: 936px;
	position: relative;
	margin-bottom: 50px;
}

.lists>div:first-child {
	width: 936px;
	height: 25px;
}

#tags h1 {
	color: #fff;
	text-transform: uppercase;
	margin-left: 15px;
}
.adbox_336x280{
	width: 356px;
}
.smtags {
	width: 625px;
	height: 36px;
	vertical-align: middle;
}

.smtags h5 {
	color: #666;
	display: inline-block;
	margin-left: 10px;
	margin: 12px 0 0 10px;
	float: left;
}

.flaglist {
	margin-top: 10px;
}

.taglistitem {
	position: relative;
	display: inline-block;
	margin: 4.5px;
	text-align: center;
}

.taglistitem span {
	font-size: 10px;
	background: #859ed4;
	display: block;
	height: 11px;
	padding: 7px 15px;
	border-radius: 15px;
	color: #fff
}

.taglistitem span:hover {
	background: rgba(255,0,0,.6);
	color: black;
/*	text-align: center;*/
}
/*
.taglistitem div {
	width: 71px;
	height: 24px;
	overflow: hidden;
	border: 1px solid #859ed4;
	border-radius: 15px;
};*/

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mb35 {
	margin-bottom: 35px;
}

.midthk {
	width: 336px;
	overflow: hidden;
    marg: 0 auto;
}
#innertpic .listitemsmaller{
	width:125px;
	height:90px;
	margin: 0 0 15px;
}

.midthk h1,.midthk h1 span,.midthk p a {
	color:  #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	word-break: break-strict;
	padding-bottom:20px;
}

.midthk p,.midthk p a {
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
}

.rating,.rating table {
	width: 270px;
}
#rating_down{

}
#innertpic{
	float:right;
	width:125px;
}
.rating table tbody tr {
	height: 30px;
	border-bottom: 1px dotted #9f9f9f;
	padding-bottom: 3px;
	padding:5px;
}
#rating_down,#rating_down table{
	width:425px;
}
#rating_down table{
	margin:20px 0;
}
a.return1 {
	color: #ed4567;
}
.title {
	font: bold 15px/200% Verdana, Geneva, sans-serif;
}
.rating table tr  td {
	vertical-align: bottom;
	padding: 5px;
}

.promo-nav {
	padding: 35px 0;
	height: 13px;
	text-align: center;
	font-size: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-left: -33px;
	background: rgba(255, 255, 255, .3);
	filter: progid :     DXImageTransform.Microsoft.Gradient (    
		GradientType =     0, StartColorStr =     '#4CFFFFFF', EndColorStr =
		    '#4CFFFFFF' );
}

.promo-nav li {
	display: inline-block;
	vertical-align: middle;
	margin: 2px;
}

.promo-nav li a {
	display: block;
	padding-top: 9px;
	width: 9px;
	height: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #B7B7B7;
	overflow: hidden;
}

.scrollnav {
	position: relative;
}

#rightad2 {
	position: absolute;
	top: 50px;
	right: 0px;
	/*position:relative;*/
	height: 590px;
	width: 300px;
}
/*
#rightad2 h4 {
	position: absolute;
	top: -20px;
	left: 110px;
} */

#adright {
	width: 298px;
	height: 605px;
	overflow: hidden;
}

#textandad {
	width: 612px;
	padding-right: 22px;
	min-height:300px;
}

#textandad h4 {
	width: 86px;
	margin: 10px 0 5px 135px
}

#textandad p {
	font-size: 13px;
	line-height: 23px;
	color: #454545;
	margin-left: 10px;
}

.playbtn {
	background: url(../img/play-btn.jpg) no-repeat;
	width: 190px;
	height: 50px;
	border: none;
	margin: 10px auto;
}

.item-hover-bg {
	width: 100%;
	height: 100%;
	cursor: pointer;
    background:repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    position: absolute;
	filter: alpha(opacity =     60);
	top: 0px;
	left: 0px;
}

.item-hover {
	display: none;
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.title {
	padding: 0 10px;
	color: #fff;
	/*position: relative;
	top: 15px;
	left: 33px;*/
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
}

.h4 {
	font-size: 10px;
	color: #a5a5a5;
	text-align: center;
	margin-top: 2px;
	line-height: 10px;
	display: block;
}

.but_style {
	width: 130px;
	height: 40px;
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 5px 60px;
	border-radius: 8px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 22px;
	transition: all 0.3s ease-in-out 0s;
	margin:0 auto;
}

.but_style span,.but_style span font {
	font-size: 10px;
	color: #fff;
}

.but_dow {
	background: #00b5e5 url(../img/download.png) 10px 5px no-repeat;
}

.but_dow:hover {
	background: #00a8d6 url(../img/download.png) 7px 5px no-repeat;
}

.but_buy {
	background: #7eb500 url(../img/buy-but.png) 10px 5px no-repeat;
}

.but_buy:hover {
	background: #74a600 url(../img/buy-but.png) 7px 5px no-repeat;
}

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }